// main
$BASE_COLOR_RED: #c30d23;
$BASE_COLOR_ORANGE: #F6921E;

$COLOR_LIGHT_GRAY: #BEBCBC;
$COLOR_DARK_GRAY: #707070;
$COLOR_BG_LIGHT: #F3F3F3;
$COLOR_BG_DARK: #F3F3F3;
$COLOR_TEXT: #000;

$COLOR_TITLE: $COLOR_TEXT;
$COLOR_CONTENT_TEXT: $COLOR_TEXT;

$ANIMATION_TIME: 0.3s;
$HEADER_HEIGHT:81px;
html{
  font-size: 62.5%;
  //height: 100%;
}
body{
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:1.5rem;
  //height: 100%;
  //overflow: hidden;
}
img{ display: block; border: none; font-size: 0; }
a, a:hover, a:focus{ text-decoration: none; font-size: inherit; color: inherit; }
.clear{ clear:both; }
.hide{ /*visibility: hidden;*/ display: none; }
.fl{float: left;}
.fr{float: right;}
.black{ color:#000; };
.white{ color:#fff; }

.no-margin-left{ margin-left: 0 !important; }
.no-margin-right{ margin-right: 0 !important; }
.clear-float::after{
  content: "";
  display: block;
  clear: both;
}
.clear-margin::before{
  content:'';
  display: block;
  width:100%;
  height:0.5px;
}

h1, h2, h3, h4, h5, h6{
  color: $COLOR_TITLE;
}
p{
  color: $COLOR_CONTENT_TEXT;
}
b, strong, h1, h2, h3{
  font-weight:bold;
}

.animation{
  transition: all $ANIMATION_TIME;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 12px 0 0 0;
  border-radius: 0;
  font-size: 14px;
  > li.prev, li.next{
    //display: inline-block;
    > a,
    > span{
      border: 1px solid #e7e5e6;
    }
  }
  > li.prev{
    > a,
    > span{
      border-radius: 15px 0 0 15px;
    }
  }
  > li.next{
    > a,
    > span{
      border-radius: 0 15px 15px 0;
    }
  }
  > li {
    display: inline; // Remove list-style and block-level defaults
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      padding: 0 15px;
      line-height: 34px;
      text-decoration: none;
      color: #000;
      background-color: #e7e5e6;
      border: 1px solid #e7e5e6;
      margin:0 3px;
      cursor: pointer;
    }
    &:first-child {
      > a,
      > span {
        margin-left: 0;
      }
    }
    &:last-child {
      > a,
      > span {
      }
    }
  }

  > li > a,
  > li > span {
    &:hover,
    &:focus {
      z-index: 2;
      color: $BASE_COLOR_RED;
      //background-color: #1461a1;
      //border-color: #1461a1;
      //text-decoration: underline;
    }
  }

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      z-index: 3;
      color: #ffffff;
      background-color: $BASE_COLOR_RED;
      border-color: $BASE_COLOR_RED;
      cursor: default;
      //text-decoration: underline;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      color: #aaa;
      background-color: transparent;
      //border-color: #1461a1;
      cursor: not-allowed;
    }
  }
}
.bg-full, .fullScreen{
  width:100%;
  height:100vh;
  height:100%;
}
